@import './base.scss';

#app {
  // max-width: 1280px;
  margin: 0 auto;
  font-weight: normal;
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
  padding: 3px;
}

// @media (hover: hover) {
//   a:hover {
//     background-color: hsla(160, 100%, 37%, 0.2);
//   }
// }

// @media (min-width: 1024px) {
//   body {
//     display: flex;
//     place-items: center;
//   }

//   #app {
//     display: grid;
//     grid-template-columns: 1fr 1fr;
//     padding: 0;
//   }
// }

#app {
  width:100vw;
  height: 100vh;
}


// 自定义的样式
.form .el-input {
  --el-input-width: 220px;
}

.form .el-select {
  --el-select-width: 220px;
}


.main-dialog {
  position:absolute;
  transition:transform(-50%, -50%);
}

.el-main-container {
  height: calc(100vh - 220px);
}
.page-footer {
  display: flex;
  justify-content: end;
}

.table-header-cell-class {
  background-color: #d9ecff !important;
  color: black;
}